 

@font-face {
  font-family: 'iconfonts';
  src: url("../fonts/iconfonts.eot?ventwz");
  src: url("../fonts/iconfonts.eot?ventwz#iefix") format("embedded-opentype"), 
  url("../fonts/iconfonts.ttf?ventwz") format("truetype"), 
  url("../fonts/iconfonts.woff?ventwz") format("woff"), 
  url("../fonts/iconfonts.svg?ventwz#iconfonts") format("svg");
  font-weight: normal;
  font-style: normal;
}
.bbc-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconfonts' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  font-size: .675rem;
  line-height: 1;
}
.nav-bar {
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.53753rem;
  z-index: 10;
  background-color: #fff;
  border-top: 1px solid #dcdcdc;
  overflow: hidden;
}
.nav-bar a {
  display: block;
  text-align: center;
  -webkit-box-flex: 1;
  flex-grow:1;
  -webkit-flex-grow:1;
  color: #7e7676;
}
 
.nav-bar a.active {
  color: #ea2329;
}

.nav-bar .atips {
  display: block;
  font-size: 0.384rem;
}

.nav-bar a.active .bbc-icon-category:before {
  content: "\e934";
}

.bbc-icon-category:before {
  content: "\e937";
}


.nav-bar a.active .bbc-icon-home:before {
  content: "\e927";
}

.bbc-icon-home:before {
  content: "\e90a";
}

.nav-bar a.active .bbc-icon-cart:before {
  content: "\e929";
}

.bbc-icon-cart:before {
  content: "\e901";
}

.bbc-icon-store:before {
  content: "\e91b";
}

.nav-bar a.active .bbc-icon-store:before {
  content: "\e91c";
}

.bbc-icon-user:before {
  content: "\e91e";
}

.nav-bar a.active .bbc-icon-user:before {
  content: "\e928";
}